<template>
	<view class="content">
		<view class="infor-content" v-html="showContent"></view>
	</view>
</template>

<script>
	import { getArticle } from '../../../request/api.js'
	export default {
		data() {
			return {
				showContent:''
			};
		},
		onShow() {
			this.getInfor()
		},
		methods:{
			async getInfor(){
				uni.showLoading({
					title:'加載中...'
				})
				let res=await getArticle({
					type:'invite_rule'
				})
				uni.hideLoading()
				if(res.code==1){
					this.showContent=res.data;
				}else{
					uni.showToast({
						title: res.msg,
						icon: 'none'
					})
				}
			}
		}
	}
</script>

<style lang="scss">
	page{
		background-color:#FAFAFA;
		.content{
			background-image:url('/static/image/share/ruler-bg.png');
			background-size: 100% 376rpx;background-position:bottom;
			padding-bottom:300rpx;min-height:850rpx;
			background-repeat: no-repeat;
			.infor-content{
				width:702rpx;margin-left:auto;margin-right:auto;
				padding-top:30rpx;
			}
		}
	}
</style>
